<!--<template>-->
<!--  <div class="container">-->
<!--    <div class="container-left">-->
<!--      <h1>通知</h1>-->
<!--      <ul v-if="noticeList.length">-->
<!--        <li v-for="item in noticeList" :key="item.noticeId">-->
<!--          {{ item.noticeTitle }} - {{ item.noticeContent }}-->
<!--        </li>-->
<!--      </ul>-->
<!--      <p v-else>没有通知。</p>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import {getNotice, listNotice} from "@/api/system/notice";-->

<!--export default {-->
<!--  name: "Index",-->
<!--  data() {-->
<!--    return {-->
<!--      noticeList:[],-->
<!--      noticeTotal: 0,-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    async getNoticeList() {-->
<!--      const res = await listNotice()-->
<!--      this.noticeList = res.rows-->
<!--      this.noticeTotal = res.total-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    this.getNoticeList()-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<style scoped lang="scss">-->
<!--.container{-->
<!--  display: flex;-->
<!--  .container-left{-->
<!--    width: 50%;-->
<!--    height: 100vh;-->
<!--    background-color: #ddd;-->
<!--  }-->
<!--  .container-right{-->
<!--    width: 50%;-->
<!--    height: 100vh;-->
<!--    background-color: #4AB7BD;-->
<!--  }-->
<!--}-->

<!--</style>-->

